@font-face {
    font-family: "GenshinFont";
    src: url("./font_file/Genshin.ttf") format("truetype");
}
@keyframes out_char {
    from {top: 150vh;}
    to {top: 0vh;}
}
@keyframes back_char {
    from {top: 0vh;}
    to {top: 150vh;}
}
body{
    display: flex;
}
.out_char_a{
    animation-name: out_char;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.back_char_a{
    animation-name: back_char;
    animation-duration: 0.7s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.char_helper{
    position: fixed;
    bottom: -400px;
    right: 0px;
}
.char_say_bar{
    height: auto;
    width: 160px;
    margin-left: 60px;
    margin-top: 15px;
    padding: -20px;
}